<template>
	<view id="app">
		<view class="serve mt40 mlr30">
			<!-- 电话客服 -->
			<view class="ligr1" @click="call">
				<view class="layoutw80df ptb50">
					<image src="/static/2878.png" class="wh120"></image>
					<view class="ml10 f40 lh60 c333 w75p">电话客服<br /><text class="f32 lh45 c666">{{wrap.kfdh}}</text>
					</view>
				</view>
			</view>

			<!-- 微信客服 -->
			<view class="ligr2 mt50 pr">
				<view class="layoutw80df ptb50">
					<image src="/static/2879.png" class="wh120"></image>
					<view class="ml10 f40 lh60 c333 w75p">微信客服<br /><text class="f32 lh45 c666">微信号：{{wrap.kfwx}}</text>
					</view>
				</view>
				<button open-type="contact" class="pa l0 t0 w100p h220 op0"></button>
			</view>
		</view>
	</view>
</template>
<script>
	// 定义全局变量
	var that;
	export default {
		// 定义页面变量
		data() {
			return {
				// 内容
				wrap: {},
			}
		},

		// 获取后
		onLoad() {
			// 赋值
			that = this;

			// 获取客服联系方式
			that.getConaact();
		},

		// 方法列表
		methods: {
			// 获取客服联系方式
			getConaact() {
				// 赋值内容
				that.wrap = uni.getStorageSync('config');
			},

			// 电话客服
			call() {
				// 调起电话拨打
				uni.makePhoneCall({
					phoneNumber: that.wrap.kfdh,
				})
			},
		},
	}
</script>
<style>
	.ligr1 {
		background: linear-gradient(180deg, #E5FBFF 0%, #CFF0F5 100%);
		opacity: 1;
		border-radius: 10px;
	}

	.ligr2 {
		background: linear-gradient(180deg, #F9F5EB 0%, #FFE9C2 100%);
		opacity: 1;
		border-radius: 10px;
	}
</style>
